<!DOCTYPE html>
<html lang="zh-cn" ng-app="actionApp">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta name="viewport" content="width=device-width,initial-scale=1"/>
		<title>实战</title>
		<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" href="jqueryui/jquery-ui.min.css" />
		<style type="text/css"> 
			.content{
				padding:100px 15px;
				text-align: center;
			}
		</style>
		<!--[if lt IE 9 ]>
			<script type="text/javascript" src="js/html5shiv.js" ></script>
			<script type="text/javascript" src="js/respond.min.js" ></script>
		<![endif]-->
		
	</head>
	<body>
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container">
				<div id="navbar" class="collapse navbar-collapse">
					<ul class="nav navbar-nav">
						<li><a href="#/oper">后台交互</a></li>
						<li><a href="#/directive">自定义指令</a></li>
					</ul>
				</div>
			</div>
		</nav>
		
		<div class="content">
			<ng-view></ng-view>
		</div>
		
		<script type="text/javascript" src="js/jquery.min.js" ></script>
		<script type="text/javascript" src="jqueryui/jquery-ui.min.js" ></script>
		<script type="text/javascript" src="bootstrap/js/bootstrap.min.js" ></script>
		<script type="text/javascript" src="js/angular.min.js" ></script>
		<script type="text/javascript" src="js/angular-route.min.js" ></script>
		<script type="text/javascript" src="js-action/app.js" ></script>
		<script type="text/javascript" src="js-action/controller.js" ></script>
		<script type="text/javascript" src="js-action/directive.js" ></script>
	</body>
</html>
